<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html>
    <head>
        <title>ie8下应用placeholder示例一</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <style>
        h3{height: 60px;line-height: 60px;margin:auto;}
         li{margin:10px auto;list-style: none;}
         input{display: block;width: 300px;height:50px;color:#333;line-height: 50px;}
         .placeholder{font-size: 16px;color:#999;line-height: 50px;}
        </style>
        <script src="jquery.min.js" type="text/javascript"></script>
    </head>
    <body>
      <h3>ie8下应用placeholder示例一</h3>
      <a href="placeholders.html">第二个示例</a>
        <div>
            <ul>
                <li class="li"><input type="text" placeholder="请输入用户名"></li>
                <li class="li"><input type="password" placeholder="请输入密码"></li>
                <li class="li"><input type="text" placeholder="请输入验证码"></li>
                <li class="li"><input type="text" placeholder="请输入校验码"></li>
                <li class="li"><input type="text" placeholder="请输入手机号"></li>
            </ul>
        </div>
        <script src="placeholder.js" type="text/javascript"></script>
    </body>
</html>
